<template>
  <div>
    <!--  -->
    <swiperDefault></swiperDefault>
    <swiperDefault2></swiperDefault2>
    <swiperDefault3></swiperDefault3>
    <swiperText></swiperText>
    <swiperDefault2></swiperDefault2>
  </div>
</template>

<script>
import swiperDefault from './swiper/swiperDefault'
import swiperDefault2 from './swiper/swiperDefault2'
import swiperDefault3 from './swiper/swiperDefault3'
import swiperText from './swiper/swiperText'

export default {
  name: 'Demo',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  components: {
    swiperDefault,
    swiperDefault2,
    swiperDefault3,
    swiperText
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
